<!DOCTYPE html>
<html>
<head>
  <!-- Meta, title, CSS, favicons, etc. -->
  <meta charset="utf-8">
  <title>AbsoluteAdmin - A Responsive Boostrap 3 Admin Dashboard</title>
  <meta name="keywords" content="Bootstrap 3 Admin Dashboard Template Theme" />
  <meta name="description" content="AdminDesigns - Bootstrap 3 Admin Dashboard Theme">
  <meta name="author" content="AdminDesigns">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

   {include file="public/import_file" /}

</head>

<body class="messages-page">
  <!-- Start: Main -->
  <div id="main"> 

    <!-- Start: Header -->
       {include file="public/header" /}
    <!-- End: Header -->

    <!-- Start: Sidebar -->
    <aside id="sidebar_left" class="nano nano-light affix">

      <!-- Start: Sidebar Left Content -->
      <div class="sidebar-left-content nano-content">

        <!-- Start: Sidebar Menu -->
        {include file="public/menu" /}
        <!-- End: Sidebar Menu -->

        <!-- Start: Sidebar Collapse Button -->
        <div class="sidebar-toggle-mini">
          <a href="#">
            <span class="fa fa-sign-out"></span>
          </a>
        </div>
        <!-- End: Sidebar Collapse Button -->

      </div>
      <!-- End: Sidebar Left Content -->

    </aside>

    <!-- Start: Content-Wrapper -->
    <section id="content_wrapper">

     
      <!-- Start: Topbar -->
      <header id="topbar" class="alt">
        <div class="topbar-left">
          <ol class="breadcrumb">
            <li class="crumb-active">
              <a href="#"><strong>订单信息管理</strong></a>
            </li>
            <li class="crumb-icon">
                <span class="fa fa-list-alt"></span>
            </li>
           
            <li class="crumb-trail">订单详情</li>
          </ol>
        </div>
        
      </header>
      <!-- End: Topbar -->

      <!-- Begin: Content -->
      <section id="content" class="table-layout animated fadeIn">



        <!-- begin: .tray-left -->
        <aside class="tray tray-left tray270" data-tray-height="match" style="width: 80px;">



          <!-- Return to Inbox Button -->
          <a href="{:url('orderlist')}" class="glyphicons glyphicons-unshare" style="width: 60px;">返回</a>


        </aside>
        <!-- end: .tray-left -->

        <!-- begin: .tray-center -->
        <div class="tray tray-center pn">

          <div class="panel">

            <!-- message toolbar header -->
            <div class="panel-menu br-n br-b">
                  <div class="row">
                    <div class="hidden-xs hidden-sm col-md-3">
                      <div class="btn-group">
                        <button type="button" class="btn btn-default light">
                          <i class="fa fa-refresh"></i>
                        </button>

                        <if condition="$recmd.ischeck eq '0'">
                        <a href=""><button type="button" class="btn btn-default light" title="通过审核">
                          <i class="fa fa-check" ></i>
                        </button>
                        <else/>
                        <a href=""><button type="button" class="btn btn-default light" title="审核不通过">
                          <i class="fa fa-ban" ></i>
                        </button>
                        </if>
                        <!-- <a href=""><button type="button" class="btn btn-default light" title="通过审核">
                          <i class="fa fa-check" ></i>
                        </button>fa-ban -->


                      </div>
                    </div>
                    <div class="col-xs-12 col-md-9 text-right">
                      <button type="button" class="btn btn-danger light visible-xs-inline-block mr10">Compose</button>
                      
                      <div class="btn-group mr10">
                        <!-- <button type="button" class="btn btn-default light hidden-xs">
                          <i class="fa fa-star"></i>
                        </button>
                        <button type="button" class="btn btn-default light hidden-xs">
                          <i class="fa fa-calendar"></i>
                        </button>
                        <button type="button" class="btn btn-default light">
                          <i class="fa fa-trash"></i>
                        </button> -->
                      </div>
                      <div class="btn-group mr10">
                        <div class="btn-group">
                          <button type="button" class="btn btn-default light dropdown-toggle ph8" data-toggle="dropdown">
                            <span class="fa fa-tags"></span>
                            <span class="caret ml5"></span>
                          </button>
                          <ul class="dropdown-menu pull-right" role="menu">
                            <li>
                              <a href="#">Work</a>
                            </li>
                            <li>
                              <a href="#">Important</a>
                            </li>
                            <li>
                              <a href="#">Favorites</a>
                            </li>
                            <li class="divider"></li>
                            <li>
                              <a href="#">
                                <span class="fa fa-plus pr5"></span> Create New</a>
                            </li>
                          </ul>
                        </div>
                        <div class="btn-group">
                          <button type="button" class="btn btn-default light dropdown-toggle ph8 br-tp-left" data-toggle="dropdown">
                            <span class="fa fa-folder"></span>
                            <span class="caret ml5"></span>
                          </button>
                          <ul class="dropdown-menu pull-right" role="menu">
                            <li>
                              <a href="#">Work</a>
                            </li>
                            <li>
                              <a href="#">Important</a>
                            </li>
                            <li>
                              <a href="#">Favorites</a>
                            </li>
                            <li class="divider"></li>
                            <li>
                              <a href="#">
                                <span class="fa fa-plus pr5"></span> Create New</a>
                            </li>
                          </ul>
                        </div>
                      </div>
                      <div class="btn-group">
                        <button type="button" class="btn btn-default light">
                          <i class="fa fa-chevron-left"></i>
                        </button>
                        <button type="button" class="btn btn-default light">
                          <i class="fa fa-chevron-right"></i>
                        </button>

                      </div>
                    </div>
                  </div>
                </div>


            <!-- message view -->
            <div class="message-view">
                  
              <!-- message meta info -->
              <div class="message-meta" >
                <div class="div1">
                <span class="smb">订单信息</span>
                </div>
                <div class="div2">
                <span class="smb">订单编号：</span>
                <span class="smb1">{$roomres.order_id}</span>
                <span class="smb">下单人：</span>
                <span class="smb1">{$roomres.username}</span>
                <span class="smb">送餐地址：</span>
                <span class="smb1">{$roomres.takeoutaddr}</span>
                <span class="smb">下单时间：</span>
                <span class="smb1">{$roomres.ordertime}</span>
                <span class="smb">订单备注：</span>
                <span class="smb1">{$roomres.comment}</span>
                </div>
                <div class="div3">
                <img src="__PUBLIC__/static/admin/adminphoto/1.png" style="margin-top: 70px;margin-left: 100px;width: 40px;height: 40px;">
                <span class="smb2">订单状态：</span>
                {if condition="$roomres['state'] eq 0"}
                <span class="smb3">店家送餐中，等待买家确认</span>
                {elseif condition="$roomres['state'] eq 1" /}
                <span class="smb3">买家已确认，订单完成！</span>
                {else /}
                <span class="smb3">订单已取消！</span>
                {/if}
                <ul class="smb4">
                  <li style="disc">餐食预计于<span style="color: red;">{$roomres.suggesttime}</span>方可送达</li>
                  <li style="disc">请您及时确认订单，超时订单自动确认完成！</li>
                </ul>
                </div>
              
              </div>

                <div class="panel-body" style="margin-top: 30px;width: 1000px;margin-left: 120px;">
                <table class="table" style="text-align: center;">
                  <thead style="background: #F0F0F0">
                    <tr>
                      <th class="text-center">菜品图片</th>
                      <th class="text-center">菜品名</th>
                      <th class="text-center">单价</th>
                      <th class="text-center">数量</th>
                      <th class="text-center">所属餐厅</th>
                      <th class="text-center">购买用户</th>
                      <th class="text-center">用餐方式</th>
                    </tr>
                  </thead>
                  <tbody>
                  <tr class="message-unread" >
                   
                     {volist name="lists" key="k" id="vo"}
                     <td>
                     <table style="text-align: center;margin:0 auto;">  
                     {volist name="$vo.pic" key="k" id="o"}
                      <tr>  
                       <td><img src="__PUBLIC__/static/admin/Uploads/foodpic/{$o}" height="50px"></td>
                      </tr>
                     {/volist}
                     </table>
                     </td>

                     <td>
                     <table style="text-align: center;margin:0 auto;">   
                      {volist name="$vo.foodname" key="k" id="o"}
                      <tr>  
                       <td>{$o}</td>
                      </tr>
                      {/volist}
                     </table>
                     </td>
                     <td>
                     <table style="text-align: center;margin:0 auto;">  
                      {volist name="$vo.price" key="k" id="o"}
                      <tr>  
                       <td>¥{$o}</td>
                      </tr> 
                      {/volist}
                     </table>
                     </td>
                     <td>
                     <table style="text-align: center;margin:0 auto;">  
                      {volist name="$vo.num" key="k" id="o"}
                      <tr>  
                       <td>×{$o}</td>
                      </tr> 
                      {/volist}
                     </table>
                     </td>     
                     <td>{$roomres.shopname}</td>
                     <td>{$roomres.username}</td>
                     <td>{if condition="$roomres['isorder'] eq 0"}
                          <span style="color: red;">到店吃</span>
                          {else /}
                           <span style="color: red;">打包外送</span>
                          {/if}
                     </td> 
                    </tr>
                  </tbody>
                </table>
              </div>

              <div class="div4">
                <span class="smb5">餐品总价：</span>
                <span class="smb6">¥{$vo.total}</span>
                <span class="smb5">配送费：</span>
                <span class="smb6">¥0</span>
                <span class="smb7">订单总价：</span>
                <span class="smb8">¥{$vo.total}</span>
                <span class="smb9">实付款：</span>
                <span class="smb10">¥{$vo.total}</span>
              </div>
              {/volist}
             
            
              </div>
            </div>

            <!-- message reply form -->
            
          </div>

       
        <!-- end: .tray-center-->

      </section>
      <!-- End: Content -->

    </section>


   

  </div>
  <!-- End: Main -->

  <style>
  /* demo styles - disable several summernote buttons */
  .note-editor .note-toolbar > .note-fontname,
  .note-editor .note-toolbar > .note-help,
  .note-editor .note-toolbar > .note-style {
    display: none;
  }
  </style>

  <!-- BEGIN: PAGE SCRIPTS -->

  <!-- jQuery -->
  <!-- jQuery -->
  <script src="__PUBLIC__/static/index/vendor/jquery/jquery-1.11.1.min.js"></script>
  <script src="__PUBLIC__/static/index/vendor/jquery/jquery_ui/jquery-ui.min.js"></script>

  <!-- Summernote Plugin -->
  <script src="__PUBLIC__/static/index/vendor/plugins/summernote/summernote.min.js"></script>

  <!-- Theme Javascript -->
  <script src="__PUBLIC__/static/index/assets/js/utility/utility.js"></script>
  <script src="__PUBLIC__/static/index/assets/js/demo/demo.js"></script>
  <script src="__PUBLIC__/static/index/assets/js/main.js"></script>
  <script type="text/javascript">
  jQuery(document).ready(function() {

    "use strict";

    // Init Theme Core    
    Core.init();

    // Init Demo JS    
    Demo.init();
    // Init Summernote
    $('.summernote').summernote({
      height: 290, //set editable area's height
      focus: false, //set focus editable area after Initialize summernote
      oninit: function() {},
      onChange: function(contents, $editable) {},
    });

  });
  </script>
  <!-- END: PAGE SCRIPTS -->

</body>

</html>
